<template>
  <div>
            <div class="allShop" v-for="(l,i) in Allshop" :key="i">

                <div class="allshopTit">{{l.typeName}}</div>
                <ul>
                    <li v-for='(item,index) in Allshop[i].categoryLogicVOList.slice(0,9)' :key="index">
                        <img :src="item.img" alt="">
                        <p>{{item.name}}</p>
                    </li>
                </ul>

            </div>
  </div>
</template>

<script>
export default {
props:['Allshop',]
}
</script>

<style>
.allShop{
    padding: 0px 12px;
    width: 100%;
}
.allshopTit{
    font-size: 14px;
    line-height: 12px;
    padding: 18px 0;
    font-weight: 600;
    color: #212121;
}
.allShop ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.allShop li{
    width: 30.33%;
    margin-bottom: 8%;
    
    height: 125px;
}
.allShop li img{
    height: 78px;
    width: 100%;
   
}
.allShop li p{
        margin: 6px 0;
    text-align: center;
    font-size: 12px;
    line-height: 14px;
    color: #999;
}
</style>